<template>
  <div>
    <component :is="activity" @change="changeComponent"></component>
  </div>
</template>

<script>
import List from './list.vue'
import Acceptance from './acceptance.vue'
import Reply from './reply.vue'
import Look from './look.vue'
import Blacklist from './blacklist.vue'
export default {
  components: {
    List,
    Acceptance, // 受理
    Reply, // 回复
    Look, // 查看
    Blacklist // 黑名单
  },
  data() {
    return {
      activity: 'List'
    };
  },
  methods: {
    changeComponent(str) {
      this.$nextTick(() => {
        this.activity = str
      })
    }
  }
};
</script>
